$(function () {

    //隐藏结果展示页面
    $(".show_result").hide()
    //单击启动图片文件上传
    $(".content_btn").click(function () {
        $(".file_input").trigger("click");
    })
    //是图片框加载为上传的图片
    $(".file_input").bind("change", function () {
        //拿到文件
        var img = this.files[0];
        $(".prev_photo").attr({"src": URL.createObjectURL(img)});
    })

    //点击传送数据到后台
    $(".btn").bind("click", function () {
        var form = $(".form")[0];
        var formData = new FormData(form);

        $.ajax({
            url: "ocr?action=bankcard",
            type: "post",
            data: formData,
            dataType: "json",
            processData: false,
            contentType: false,
            success: function (data) {
                $("#name").html(data.result.bank_name)
                $("#number").html(data.result.bank_card_number)
               if( data.result.bank_card_type == 1){
                   $("#type").html("借记卡")
               }else if(data.result.bank_card_type == 2){
                   $("#type").html("信用卡")
               }else{
                   $("#type").html("无法识别")
               }

                console.log(data)
                console.log("成功")
                $(".show_result").show()
            },
            error: function (data) {
                console.log("失败")
            }
        })
    })
})